<template>
    <aside>
        <div class="nodes">
            <div class="vue-flow__node-input" :draggable="true" @dragstart="onDragStart($event, '开始')">开始</div>
            <div class="vue-flow__node-output" :draggable="true" @dragstart="onDragStart($event, '按人员审核')">按人员审核</div>
            <div class="vue-flow__node-output" :draggable="true" @dragstart="onDragStart($event, '结束')">结束</div>
        </div>
    </aside>
</template>

<script setup>
function onDragStart(event, nodeType) {
    if (event.dataTransfer) {
        event.dataTransfer.setData('application/vueflow', nodeType)
        event.dataTransfer.effectAllowed = 'move'
    }
}
</script>
